<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
   
    <title>黑客行为档案</title>
    <link href="dist/css/bootstrap.css" rel="stylesheet" type="text/css">
    <link href="dist/css/font-awesome.css" rel="stylesheet" type="text/css">
    <link href="dist/css/Button.css" rel="stylesheet" type="text/css">
    <link href="dist/css/this/base.css" rel="stylesheet" type="text/css"><!-- 公共的-->
    
    <link href="dist/css/this/search.css" rel="stylesheet" type="text/css"><!-- 要放在最后一个 -->
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
	<!-- navbar -->
    <header class="navbar navbar-inverse navbar-fixed-top" role="banner">
	   <div class="container-fluid">
	        <div class="navbar-header ">
	            <button class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
	                <span class="sr-only">XXXXX</span>
	                <span class="icon-bar"></span>
	                <span class="icon-bar"></span>
	                <span class="icon-bar"></span>
	            </button>
	          </div>
	     <div class="collapse navbar-collapse" id="example-navbar-collapse">     
	        <ul class="nav navbar-nav">
				<li ><a href="index.html">主页</a></li>
				<li class="active"><a href="search.html">历史轨迹</a></li>
				<li ><a href="map.html">历史轨迹</a></li>
	        	<li ><a href="domain/taskList.html">域名搜索</a></li>
				<li ><a href="javascript:void(0);">贡献计划</a></li>
				<li class="dropdown">
		          <a href="#" class="dropdown-toggle" data-toggle='dropdown'>帮助<span class="caret"></span></a>
		          <ul class="dropdown-menu" role="menu">
		            <li><a href="#">用户手册</a></li>
		           <!--  <li class="dropdown-header">间隔</li> -->
		            <li><a href="#">反馈</a></li>
		            <li><a href="#">API</a></li>
		            <li class="divider"></li>
		            <li><a href="#">关于</a></li>
		            <li><a href="#">更新日志</a></li>
		          </ul>
	        	</li> 
			</ul>
			<ul class="nav navbar-nav navbar-right">
		          	<li><a href="javascript:void(0);">注册账号</a></li>
		          	<li><a href="javascript:void(0);">登录</a></li>
		      </ul>
		</div>
    </div>
   </header>
    
 <!-- 小搜索框 -->
    <div class="container-fluid min-search">
		<div class="row">
	      <div class="col-xs-12">
	        <a href="/" class="hidden-xs pull-left">
	          <img class="logo-sm" src="dist/img/logo_min.png" height="40" width="180"/>
	        </a>
	
	        <div class="bar">
	          <form action="/search" method="get" class="ultra-form">
	            <input type="text"  name="" class="min-search-input"><button class="button button-small button-inverse" type="submit">探索一下</button>
	          </form>
	        </div>
	
	      </div>
    	</div>
		
	 <div class="row">
	      <div class="col-xs-12">
	        <ul class="nav nav-tabs search-tab" >
	          <li class="active">
	            <a href="#">搜索结果</a>
	          </li>
	          <li><a href="map.html">历史轨迹</a></li>
	        </ul>
	      </div>
	    </div>
    </div>
    <!-- 搜索结果 -->
    <div class="search-results container-fluid">
    	 <div class="row">
		      <div class="col-lg-12">
		      		<div class="navigation">
		      			<h3 class="filter-title-result-type hidden-xs">搜索类型</h3>
		      			<ul class="bar-filter filter-result-type">
		      				<li class="active"><a href="#">网站类型</a><i class="icon-caret-left"></i></li>
		      				<!-- <li ><a href="#">网站类型</a><i class="icon-caret-left"></i></li>		 -->      			</ul>
		      			<div class="class-sort hidden-xs">
		      				<hr>
		      				<ul class="bar-filter">
		      					<li><a href="#">购物</a><span data-count="100">100</span></li>
		      					<li><a href="#">社交</a><span data-count="68">68</span></li>
		      					<li><a href="#">人才</a><span data-count="46">46</span></li>
		      					<li><a href="#">娱乐</a><span data-count="38">38</span></li>
		      					<li><a href="#">旅行</a><span data-count="29">29</span></li>
		      					<li><a href="#">支付</a><span data-count="22">22</span></li>
		      					<li><a href="#">工具</a><span data-count="10">10</span></li>
		      					<li><a href="#">互联网产品</a><span data-count="6">6</span></li>
		      				</ul>
		      			</div>
		      		</div>
		      		<div class="result-list">
		      			<div class="result-summary">找到约 <strong>xxx</strong> 条记录，用时 <strong>0.235</strong> 秒</div>
		      			<ul class="result">
		      				<li>
		      					<h3><a href="http://www.youku.com/" 
		      						style="background-image: url('dist/img/icon/youku.png')" target="_blank" >
		      					优酷网</a></h3>
		      					
		      					<div class="col-sm-5"><p class="port">优酷-中国第一视频网站,提供视频播放,视频发布,视频搜索 - 视频服务平台,提供视频播放,视频发布,视频搜索,视频分享 - 优酷视频</p></div>
		      					<div class="col-sm-7 info_div">
		      						<div class="result_user_info">
		      							<i><a href="#" target="_blank">查看主页</a></i>
		      							<div class="body">
		      							  background-color: rgba(0,0,0,0.6);
										  border: 1px solid #2a2a2a;
										  border-radius: 5px;
										  box-shadow: 0px 0px 9px 0px #393939;
										  padding: 10px;
										  color: #fff;
										  white-space:nowrap;
		      							</div>
		      						</div>
		      					</div>
		      				</li>
		      				
		      				<li>
		      					<h3><a href="http://www.youku.com/" 
		      						style="background-image: url('dist/img/icon/youku.png')" target="_blank" >
		      					优酷网</a></h3>
		      					
		      					<div class="col-sm-5"><p class="port">优酷-中国第一视频网站,提供视频播放,视频发布,视频搜索 - 视频服务平台,提供视频播放,视频发布,视频搜索,视频分享 - 优酷视频</p></div>
		      					<div class="col-sm-7 info_div">
		      						<div class="result_user_info">
		      							<i><a href="#" target="_blank">查看主页</a></i>
		      							<div class="body">
		      							  background-color: rgba(0,0,0,0.6);
										  border: 1px solid #2a2a2a;
										  border-radius: 5px;
										  box-shadow: 0px 0px 9px 0px #393939;
										  padding: 10px;
										  color: #fff;
										  white-space:nowrap;
										  优酷-中国第一视频网站,提供视频播放
		      							</div>
		      						</div>
		      					</div>
		      				</li>
		      				<li>
		      					<h3><a href="http://www.youku.com/" 
		      						style="background-image: url('dist/img/icon/youku.png')" target="_blank" >
		      					优酷网</a></h3>
		      					
		      					<div class="col-sm-5"><p class="port">优酷-中国第一视频网站,提供视频播放,视频发布,视频搜索 - 视频服务平台,提供视频播放,视频发布,视频搜索,视频分享 - 优酷视频</p></div>
		      					<div class="col-sm-7 info_div">
		      						<div class="result_user_info">
		      							<i><a href="#" target="_blank">查看主页</a></i>
		      							<div class="body">
		      							  background-color: rgba(0,0,0,0.6);
										  border: 1px solid #2a2a2a;
										  border-radius: 5px;
										  box-shadow: 0px 0px 9px 0px #393939;
										  padding: 10px;
										  color: #fff;
										  white-space:nowrap;
										  优酷-中国第一视频网站,提供视频播放
		      							</div>
		      						</div>
		      					</div>
		      				</li>
		      				<li>
		      					<h3><a href="http://www.youku.com/" 
		      						style="background-image: url('dist/img/icon/youku.png')" target="_blank" >
		      					优酷网</a></h3>
		      					
		      					<div class="col-sm-5"><p class="port">优酷-中国第一视频网站,提供视频播放,视频发布,视频搜索 - 视频服务平台,提供视频播放,视频发布,视频搜索,视频分享 - 优酷视频</p></div>
		      					<div class="col-sm-7 info_div">
		      						<div class="result_user_info">
		      							<i><a href="#" target="_blank">查看主页</a></i>
		      							<div class="body">
		      							  background-color: rgba(0,0,0,0.6);
										  border: 1px solid #2a2a2a;
										  border-radius: 5px;
										  box-shadow: 0px 0px 9px 0px #393939;
										  padding: 10px;
										  color: #fff;
										  white-space:nowrap;
										  优酷-中国第一视频网站,提供视频播放
		      							</div>
		      						</div>
		      					</div>
		      				</li>
		      				
		      			</ul>

						  <ul class="pagination inverse">
                            <li><a href="#">&#8249;</a></li>
                            <li class="active"><a href="#">1</a></li>
                            <li><a href="#">2</a></li>
                            <li><a href="#">3</a></li>
                            <li><a href="#">4</a></li>
                            <li><a href="#">&#8250;</a></li>
                        </ul>
                        <p></p>
		      		</div>
		      </div>
	     </div>
    </div>
    
    
	<div class="last-div navbar-fixed-bottom">
		<div class="container">
			<div class="row">
				<nav class="foot-nav">
					<ul>
						<li><a href="#">用户手册</a></li>
						<li><a href="#">反馈</a></li>
						<li><a href="#">微博</a></li>
						<li><a href="#">English</a></li>
					</ul>
				</nav>
				<div class="copyright">
					Copyright © 2015 - Blue Shark. All Rights Reserved <br><span>由 " 蓝鲨情报数据平台 " 强力驱动</span>
				</div>
			</div>
		</div>
		<a href="#" class="scrollup"><i class="icon-chevron-up" ></i></a>	
	</div>
	
	
	<script src="dist/js/jquery.min.js"></script>
  	<script src="dist/js/five.min.js"></script>
  	<script src="dist/js/common.js"></script>
 	<script type="text/javascript">
 	// .result-list  
 	//.search-results
 	$("body").niceScroll({cursorcolor:"#333333",cursorborder:"0",cursorwidth:"8px"});//设置左侧导航的滚动条
 		$(".navigation .bar-filter").each(function(){ //修改宽度
 			var max=0;
 		});
 	</script>
  </body>
</html>